﻿<!DOCTYPE html>
<html>

	<head lang="en">
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>到馆数据</title>
		<link rel="stylesheet" type="text/css" href="preview/css/reset.css" />
		<link rel="stylesheet" type="text/css" href="preview/css/arrivedLib_data.css" />
	</head>

	<body>
		<div class="serviceTime">
			<div class="wrap box_border">
				<div class="title">到馆数据</div>
				<div class="box1">
					<div class="rect flex">
						<!--今日到馆-->
						<div class="todayArrived">
							<p class="upTitle">今日到馆</p>
							<p class="todayArrived_num"><span class="todayArrived_target">1329</span><small>人</small></p>
							<div class="rect_green1 GPU move"></div>
							<div class="rect_green2 GPU move"></div>
							<div class="rect_green3 GPU move"></div>
							<div class="rect_green4 GPU move"></div>
						</div>
						<!--昨日到馆-->
						<div class="todayborrow">
							<p class="upTitle">昨日到馆</p>
							<p class="yesterdayArrived_num"><span class="yesterdayArrived_target">1329</span><small>人</small></p>
							<div class="rect_yellow1 GPU move"></div>
							<div class="rect_yellow2 GPU move"></div>
							<div class="rect_yellow3 GPU move"></div>
							<div class="rect_yellow4 GPU move"></div>
						</div>
					</div>
					<div class="totalArrvied_p">累计到馆</div>
					<p class="totalArrvied_time">（自2016年1月1日起）</p>
					<div class="grid_box">
						<canvas class="grid_canvas"></canvas>
						<div class="textContent">
							<span class="person">40185</span>
							<small>人</small>
						</div>
					</div>
				</div>
				<!--今日到馆曲线-->
				<div class="todayArrviedChart" id="todayArrviedChart"></div>
				<!--近七日到馆柱状图-->
				<div class="sevenDayArrviedBar" id="sevenDayArrviedBar"></div>
				<!--本周到馆占比图-->
				<div class="pieWrap">
					<div class="weekPie" id="weekPie"></div>
					<div class="circle"></div>
				</div>
			</div>
		</div>
		<script src="preview/js/jquery.min.js"></script>
		<script src="preview/js/rem.js"></script>
		<script src="preview/js/requestAnimation.js"></script>
		<script src="preview/js/countUp.js"></script>
		<script src="preview/js/echarts.min.js"></script>
		<script src="preview/js/arrivedLib_data.js"></script>
	</body>

</html>